<style tyle="text/css">
    .modal-lg {
      width: 70%;
    }
  </style>
  <div class="modal-header">
    <h4 class="modal-title">创建网格区</h4>
  </div>
  <div class="modal-body">
  
    <form name="form" class="form-horizontal form-validation ng-pristine ng-valid ng-valid-required">
      <div class="form-group">
        <label class="col-lg-3 control-label">网格区名称:</label>
        <div class="col-lg-6">
          <input type="text" class="form-control" ng-model="rulesinfo.grid_name" placeholder="网格区名称">
        </div>
    </div>

       <div class="form-group">
        <label for="inputDate" class="col-sm-3 control-label">所属社区</label>
        <div class="col-md-6">
            <select class="form-control" ng-model="rulesinfo.area_code">
                <option value="">请选择</option>
                <option ng-value="info.area_code" ng-repeat="info in arealist3">{{info.area_name}}[{{info.area_code}}]</option>
            </select>
        </div>
        
     </div>

        

    </form>
  
  </div>
  
  <div class="modal-footer">
      <button class="btn btn-success" type="button" ng-if="!rulesinfo.openstate" ng-click="save()">确定</button>
      <button class="btn btn-danger" type="button" ng-click="cancel()">取消</button>
  </div>
  